﻿@model LeadVinaglue.Models.ViewPages.RegisterManagementModel
           
@{
    ViewBag.Title = "Đăng ký tài khoản";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section StylesheetBinding
{    
    <link rel="stylesheet" type="text/css" href="/Content/site.css" />        
}
<div id="registerForm">
    <form class="form" action="/register" method="post" enctype="multipart/form-data">
    
        <h2>Để bắt đầu tạo tài khoản chúng tôi cần một vài thông tin về bạn</h2>
	    <div class="title">
		    <h3>Thông tin tài khoản</h3>
	    </div>
	    <div class="error-msg" data-bind="visible: validateForm" >
		    <span class="error">Xin hãy nhập thông tin bên dưới chính xác.</span>
	    </div>				
        
        @if (!string.IsNullOrEmpty(ViewBag.ErrorMessage))
        {
	        <div class="error-msg">
		        <span class="error">@ViewBag.ErrorMessage</span>
	        </div>	
        }		
        <div class="columns">
            <div class="col" style="width:560px">
                <div class="row">
                    <label for="Fullname">Tên người dùng</label>
                    <input type="text" class="text" id="Fullname" name="Fullname" maxlength="50" data-bind="value: Fullname" />
                </div>
                <div class="row">
                    <label for="Email">Địa chỉ e-mail <br><span style="font-weight:normal;" class="lightgray">Là tên đăng nhập</span></label>
                    <input type="text" class="text" id="Email" name="Email" maxlength="150" data-bind="value: Email" />
                </div>
                <div class="row">
                    <label for="Password">Mật khẩu</label>
                    <input type="password" class="text" id="Password" name="Password" maxlength="20" data-bind="value: Password" />
                </div>
                <div class="row">
                    <label for="ConfirmPassword">Mật khẩu xác nhận</label>
                    <input type="password" class="text" id="ConfirmPassword" name="ConfirmPassword" maxlength="20" data-bind="value: ConfirmPassword"/>
                </div>
                <div class="row">
                    <label>&nbsp;</label>
                    <input type="checkbox" class="checkbox" id="acceptTermCondition" data-bind="checked: acceptTermsAndCondition" /> Tôi đồng ý với các <a href="/thoa-thuan-su-dung" target="_blank">quy định</a> của vinaglue.com.
                </div>
                <div class="row">              
                    <label>&nbsp;</label>
                    <input type="submit" class="submit-btn" value="Đăng ký" data-bind="click: SubmitForm" />
                </div>
                <div class="row">                
                    <label>Bạn đã có tài khoản?</label>
                    <div class="groupinput">   
                        <a href="/signin" rel="nofollow">Đăng nhập</a> | <a href="/forgotpassword" rel="nofollow">Lấy lại mật khẩu?</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="clear"></div>
@section DataBinding
{    
    <script src="/Scripts/Library/knockout.js" type="text/javascript"></script>
    <script src="/Scripts/Library/knockoutvalidation.js" type="text/javascript"></script>
    <script src="/Scripts/Client/registerViewModel.js" type="text/javascript"></script>
}
